body{min-width:1200px;width:100%;overflow-x:hidden;}
i,em{ font-style:normal;}
.content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}
.header{height:174px;background:url(images/t_bg.jpg) repeat-x left bottom;position: relative; }
.h_con{height:120px; overflow: hidden;}
.h_con h4 img{padding-right:14px;}
.h_con .logo{float: left;margin:38px 12px 0 6px;}
.h_con h3{float:left; padding-top:43px; line-height: 100%; color: #4c4947; font-size: 18px; font-weight: normal;}
.h_con h3 i{ display: block; padding-bottom: 6px;} .h_con h3 i span{ padding-left: 12px;}
.h_con p{float: right;margin-top:46px;background:url(images/tel.jpg) no-repeat left 13px; padding-left:31px; color: #535353; font-size:14px; line-height: 100%; margin-right: 21px;line-height: 100%;}
.h_con p span{ display: block; font-weight: bold; font-size: 23px; line-height: 100%; font-family: Arial; padding-top: 6px; letter-spacing: 3px;}
.h_nav{height: 55px; }
.h_nav ul li{float: left;font-size: 16px;height:54px;line-height: 54px; position: relative; box-sizing: border-box;background:url(images/nav.jpg) no-repeat right 22px;}
.h_nav ul li:last-of-type{ background: none;}
.h_nav ul li a{color: #fff;display: block; font-size:17px;padding:0 28px; position: relative;z-index: 9;}
.h_nav li:before,.h_nav li:before{display: inline-block;width:0;height: 54px;background: #e77811;content: "";position: absolute;top:0;transform: translateX(-50%);transition: all 0.6s cubic-bezier(.075, .82, .165, 1); left: 49.95%;opacity: 1;}
.h_nav li:hover:before,.h_nav li.cur:before{width:100%;opacity: 1;}
.h_nav ul li em{ position: absolute; left:0; top: 53px; width: 135px; background: rgba(255,255,255,0.9); display: none;}
.h_nav ul li em:last-of-type{width: 158px;}
.h_nav ul li:nth-child(5) em,.h_nav ul li:nth-child(7) em{width: 123px;}
.h_nav ul li em a,.h_nav ul li.cur em a, .h_nav ul li.cur em a:hover{ padding: 0; font-size: 14px; color: #fff; border-bottom: 1px dashed #d4e1e6; padding-left: 17px;background:#c3251a; line-height: 42px;height:auto; clear: both; }
.h_nav ul li em a:last-of-type{ border-bottom: none;}
.h_nav ul li.cur em a:hover, .h_nav ul li em a:hover{ color: #f5a100; background: #c3251a;}
.h_nav ul li:hover em{ height:auto; display: block;transition: all 0.3s linear 0s;}
.h_top3{ position: fixed; width:100%;left:0;top:0; z-index:995;height: 55px;}
.h_top3 .h_con{ display:none;}
.h_on ul li{padding-bottom: 20px;}
.h_on ul li:last-of-type{margin-right: 0;}
.h_on ul li h4{text-align: center;padding-top: 2px;}
.ys_om ul li em b a,.ys_om ul li em b {width: 145px;}
.cases ul li i {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.cases ul li img{ width: 273px;}
.n_l dl dd em a{
display: inline-block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; width: 430px;
position: relative;
}
.n_l dl dd em a:hover{color:#c3251a;}
.n_l dl dt img{ width: 565px;}
.n_l dl dt {height:316px;}
.n_l ul li{ width: 565px;position: relative;}
.n_l dl dt span{ bottom:0;}
.n_l dl dd li span{ padding-right: 18px;}
.zji p a{transition: all 0.3s linear 0s;}
.zji p a:hover{transform: translateX(7px);}
.footer{height:489px; overflow: hidden;color: #a1a1a1;background:url(images/footer.jpg) repeat-x left bottom #212121; padding-top: 83px; box-sizing: border-box;}
.f_nav{ overflow: hidden; height: 337px;}
.f_nav h3{ display: inline-block; float: left; padding-left: 16px; width: 346px;}
.f_nav p{ float: left; width: 337px; font-size: 14px; color: #ccc;}
.f_nav p span{ display: block; line-height: 100%; margin-bottom: 15px;}
.f_nav p i{ display: block; padding-bottom: 24px; font-size: 16px; color: #bbb; line-height: 100%;}
.f_nav h4{ float: left; width: 370px;}
.f_nav h4 a{display: inline-block; float: left; width: 185px; line-height: 100%; margin-bottom: 21px; font-size: 16px; color: #bbb;font-weight: normal;}
.f_nav em{ float: right; width: 113px; text-align: center; font-size: 14px; color: #fff;}
.f_nav em img{ width: 113px; padding-bottom: 9px;}
.f_adr{ height: 69px; line-height: 69px; text-indent: 25px; font-size: 14px; color: #fff;}
.f_adr a{ color: #fff; padding:0 9px;}
.f_adr em{ display: inline-block; float: right;}
.f_adr em span{ padding: 0 13px;}
.f_adr i{ padding: 0 22px;}
.f_nav h4 a:hover{ color:#fff;}
.f_logos{clear: both;width: 960px;
position: absolute;
left: 120px;
top: 195px;
overflow: hidden;
}
.f_logos ul li{ width: 90px; float:left; text-align:center; color:#fff;margin:0 8px 0 21px;opacity: 0.8;}
.f_logos ul li span{ display:block;}
.f_logos ul li img{width:90px; height:34px;border-radius: 6px;border: 1px solid #9a9899;}
.f_logos h3{ text-align:center; position:relative; font-size:24px; margin-bottom:24px;font-weight:normal;}
.f_logos h3:before{ content:""; position:absolute;height:2px;width:39%;left:0;top:50%; background:#a1a1a1;}
.f_logos h3:after{ content:""; position:absolute;height:2px;width:39%;right:0;top:50%; background:#a1a1a1;}
.client-2 {
position: fixed;
right: -170px;
top: 50%;
z-index: 900;
}
.client-2 li a {
text-decoration: none;
}
.client-2 li {
margin-top: 1px;
clear: both;
height: 62px;
position: relative;
}
.client-2 li i {
background: url(images/fx.png) no-repeat;
display: block;
width: 30px;
height: 27px;
margin: 0px auto;
text-align: center;
}
.client-2 li p {
height: 20px;
font-size: 12px;
line-height: 20px;
overflow: hidden;
text-align: center;
color: #fff;
}
.client-2 .my-kefu-qq i {
background-position: 4px 5px;
}
.client-2 .my-kefu-tel i {
background-position: 0 -21px;
}
.client-2 .my-kefu-liuyan i {
background-position: 4px -53px;
}
.client-2 .my-kefu-weixin i {
background-position: -34px 4px;
}
.client-2 .my-kefu-weibo i {
background-position: -30px -22px;
}
.client-2 .my-kefu-ftop {
display: none;
}
.client-2 .my-kefu-ftop i {
width: 33px;
height: 31px;
background-position: -23px -47px;
background-size: 52px 82px;
}
.client-2 .my-kefu-ftop .my-kefu-main{
padding-top: 6px;
}
.client-2 .my-kefu-left {
float: left;
width: 62px;
height: 47px;
position: relative;
}
.client-2 .my-kefu-tel-right {
font-size: 16px;
color: #fff;
float: left;
height: 24px;
line-height: 22px;
padding: 0 15px;
border-left: 1px solid #fff;
margin-top: 14px;
}
.client-2 .my-kefu-right {
width: 20px;
}
.client-2 .my-kefu-tel-main {
background: #c3251a;
color: #fff;
height: 53px;
width: 230px;
padding:9px 0 0;
float: left;
}
.client-2 .my-kefu-main {
background: #c3251a;
width: 97px;
height: 53px;
position: relative;
padding:9px 0 0;
float: left;
}
.client-2 .my-kefu-weixin-pic {
position: absolute;
left: -180px;
top: -24px;
display: none;
z-index: 333;
}
.my-kefu-weixin-pic img {
width: 115px;
height: 115px;
}